/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
CSS reset
*/

html{color:#303030;background:#565656;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

body{
  background:#565656; 
  color:#303030; 
  font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#dt_page{width:1000px;margin:10px auto;background-color:#FFFFFF;padding:5px 12px;min-height:500px;position:relative;height:100%;-moz-border-radius:10px;}

.message{height:27px;background-color:#FEFEFE;font-weight:bold;font-size:130%;padding:8px 0px 5px 40px;margin:10px 0px;-moz-border-radius:3px; }

.error{border:2px #FF0000 solid;color:#FF0000;background:url('images/error.jpg') no-repeat 2px 3px;}
.confirmation{border:2px #7EC02A solid;color:#7EC02A;background:url('images/confirmation.jpg') no-repeat 2px 3px;}
.warning{border:2px #00FF00 solid;color:#00FF00;background:url('images/warning.jpg') no-repeat 2px 3px;}

h1{font-size:230%;padding:5px 0px 10px 0px;font-weight:bold;}
h2{font-size:200%;padding:10px 0px 10px 0px;font-weight:bold;color:#606060;text-decoration:none;font-weight:normal;}
h3{font-size:160%;padding:10px 0px 2px 0px;}
h4{font-size:120%;}
h5{font-size:80%;}

p{
	margin: 5px 0px;	
}

a {color:#9AA915;text-decoration:none;}

a:hover{color:#333;}



button{
-moz-border-radius:6px 6px 6px 6px;
background: no-repeat scroll 3px 4px #FAFAFA;
border:1px solid #333333;
display:block;
font-weight:bold;
margin:4px;
padding:5px 8px 3px 23px;
}
button:hover{
cursor:pointer;
}


textarea,input[type=text]{
border:1px solid #AAAAAA;
padding:4px 2px;
background:#FEFEFE;
-moz-border-radius:3px 3px 3px 3px;
}


.javascriptData{
display:none;
}

.dataTable th {
	color: #FFFFFF;
	border-right: 1px solid #606060;
	border-bottom: 1px solid #606060;
	border-top: 1px solid #606060;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #9AA915;
}

.dataTable td {
	border-right: 1px solid #606060;
	border-bottom: 1px solid #606060;
	background: #FFFFFF;
	padding: 3px;
	color: #606060;
	text-align: left;
}

.dataTable tr {
	border-left: 1px solid #606060;
}

.dataTable tr.odd td {
	background: #F1FFCD;
	color: #333333;
}



/*top panel */

#dt_header{
padding-bottom:15px;	
}

#dt_title{font-size:350%;font-weight:bold;float:left;}

#dt_loginDetails{float:right;padding:5px 10px 0px 0px;}

#dt_searchBox{
float:left;
font-size:14px;
margin:13px 12px 0 30px;
width:250px;
}
#dt_searchButton{
float:left;	
margin-top:13px;
background-image:url("../../famfamfam/zoom.gif");
}

#dt_crumbs{
font-size:14px;	
clear:both;
padding-top:5px;
}
#dt_crumbs li{
display:inline;	
}

#dt_crumbs li a{
background:url("../../famfamfam/control_fastforward.gif") no-repeat 99% 10%;
padding-right:21px;	
}

#dt_crumbs li a:hover{
color:#999999;
}


#dt_favApps{
float:right;
position:absolute;
right:10px;
top:56px;
}

#dt_favApps li{
display:inline;
font-size:16px;
font-weight:bold;
padding:0 16px;
}

#dt_favApps li a{
color:#333333;
}

#dt_favApps li a:hover{
color:#9AA915;
}

#dt_favApps li a.selected{
color:#999999;
}

/*end top panel */

#dt_mainPanel{
float:left;	
}

/* sidebar */
#dt_sidebar{
width:150px;
border-right:1px #EEEEEE solid;
float:left;
min-height:500px;	
}

ul#dt_apps{
border-top:1px #EEEEEE solid;
}
ul#dt_apps li{
border-bottom:1px #EEEEEE solid;
padding:2px 0px;
}

ul#dt_apps li img{
position:relative;
top:2px;
left:2px;
}

ul#dt_apps li a {
color:#333333;
font-size:16px;
}

ul#dt_apps li a:hover {
color:#9AA915;
}

ul#dt_apps li:hover {
background-color:#EEEEEE;
}

ul#dt_apps li a span{
position:relative;
top:-8px;
left:7px;
}

#dt_hideSideBar{
width:10px;
min-height:500px;
float:left;	
margin-right:10px;
padding-right:1px;
padding-bottom:1px;
}

#dt_hideSideBar:hover{	
border:1px #EEEEEE solid;
border-left-width:0px;
padding-right:0px;
padding-bottom:0px;
cursor:w-resize;
}

#dt_hideSideBar.hidden:hover{
cursor:e-resize;
background-color:#EEEEEE;
}



/* selected app */
ul#dt_apps li.selected{
	background-color:#EEEEEE;
}

ul#dt_moduleLinks li{
	padding-left:10px;
	padding-bottom:0px;	
}

ul#dt_moduleLinks li.indentOne{
	padding-left:20px;	
} 
ul#dt_moduleLinks li.indentTwo{
	padding-left:30px;	
}


ul#dt_moduleLinks li a{
	font-size:12px;
}

ul#dt_moduleLinks li.selected{
	background: url(images/tick.png) #FFFFFF no-repeat 99% 50%;
}
ul#dt_moduleLinks li.selected a{
	color:#9AA915;
}

/* end sidebar */

/* main panel */
#dt_content{
float:left;
height:100%;
width:820px;	
}

/*wheb the sideBar is hidden we should increase the width */
#dt_hideSideBar.hidden + #dt_content{
width:970px;
}


/* end main panel */

/* footer */
#dt_footer{
clear:both;	
}
/*  end footer */

/* to transfert data between HTML and javascript, please use a div with class data so it is hidden  */
.data{
	display:none;
}



/* Show hide chapters */

.hideSection, .showSection{float:left;width:16px;margin-right:8px;margin-top:7px;cursor:pointer;}
.hideSection{background:url('images/hide_box.gif') no-repeat;}
.showSection{background:url('images/show_box.gif') no-repeat;}

/* if you need to change style between lines, use the oddLine evenLine class */
.oddLine{background-color:#DEDEDE;}
.evenLine{background-color:#FFFFFF;}

#errorString{
width:300px;	
}

#searchString{
width:100px;	
}


/* application start page available at /index/index/index/ */
div.app {
	width:120px;
	height:150px;
	text-align:center;
	float:left;
	margin:9px;
	border:2px solid #333333;
}

.appTitle {
	font-size:150%;
	font-weight:bold;	
}


